<?php
defined('_JEXEC') or die('Restricted access');
$doc =& JFactory::getDocument();
$doc->setMetaData( 'generator', 'ODude.com Ecard System' );
JHTML::_('behavior.mootools');
JHTML::_('behavior.modal');
?>
<style type="text/css">
<!--
.bar {
	color: <?php echo $this->a4 ?>;
	background-color: <?php echo $this->a2 ?>;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: <?php echo $this->a3 ?>;

}
.box {
	background-image: url(<?php echo JURI::root() ?>images/stories/ecard/<?php echo $this->cate_bg ?>);
	border: 1px solid <?php echo $this->a2 ?>;
}


.red {
	border: 1px solid red;
}


.errorMessage {
	color: red;
	margin-left: 10px;
	font-size: 0.8em;
}


#card {
	BORDER-RIGHT: #ccc 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #ccc 1px solid;
	DISPLAY: inline;
	PADDING-LEFT: 3px;
	BACKGROUND: <?php echo $this->a1 ?>;
	FLOAT: left;
	PADDING-BOTTOM: 3px;
	MARGIN: 1px 1px 1px 1px;
	BORDER-LEFT: #ccc 1px solid;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #ccc 1px solid;
	LIST-STYLE-TYPE: none;
	TEXT-ALIGN: center
}
#card2 {
	BORDER-RIGHT: #ccc 1px solid;
	BORDER-TOP: #ccc 1px solid;
	BACKGROUND: #f5f5f5;
	MARGIN: 1px;
	BORDER-LEFT: #ccc 1px solid;
	BORDER-BOTTOM: #ccc 1px solid;
	LIST-STYLE-TYPE: none;
	padding: 3px;
}
#card A {
	COLOR: #333;
	TEXT-DECORATION: none
}
#card A:hover {
	COLOR: #0000C0;
}
#tnt_pagination {
	display:block;
	text-align:left;
	height:22px;
	line-height:21px;
	clear:both;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
#tnt_pagination a:link, #tnt_pagination a:visited {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #EBEBEB;
	margin-left:3px;
	text-decoration:none;
	background-color:<?php echo $this->a1 ?>;
	color:<?php echo $this->a4 ?>;
	width:22px;
	font-weight:normal;
}
#tnt_pagination a:hover {
	background-color:<?php echo $this->a2 ?>;
	border:1px solid <?php echo $this->a3 ?>;
	color:#0072BC;
}
#tnt_pagination .active_tnt_link {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid <?php echo $this->a3 ?>;
	margin-left:10px;
	text-decoration:none;
	background-color:<?php echo $this->a2 ?>;
	color:<?php echo $this->a4 ?>;
	cursor:default;
}
#tnt_pagination .disabled_tnt_pagination {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #EBEBEB;
	margin-left:10px;
	text-decoration:none;
	background-color:<?php echo $this->a1 ?>;
	color:#D7D7D7;
	cursor:default;
}

-->
</style>

<?php 

	if($this->cate_banner!="")
	echo "<center><img src=\"images/stories/ecard/".$this->cate_banner."\" alt=\"".$this->cate_name."\"  /></center>";

  $doc =& JFactory::getDocument();
  $doc->setTitle($this->cate_name);
?>
<div class=box>
  <div class=bar align="center"><?php echo $this->cate_name ?>: <?php echo JText::_('ECARD'); ?></div>

<?php 
echo $this->listCard;
								
?>
</div>
<?php 
echo $this->pagination;
								
?><br />
